<template>
  <div style="width: 100%">
    <van-progress color="#07c160" :percentage="value" :stroke-width="strokeWidth" />
<!--    <van-progress v-if="value>90" color="#07c160" :percentage="value" :stroke-width="strokeWidth" />
    <van-progress v-if="value>=60&&value<90" color="#ff976a" :percentage="value" :stroke-width="strokeWidth" />
    <van-progress v-if="value>=30&&value<60" color="#1989fa" :percentage="value" :stroke-width="strokeWidth" />
    <van-progress v-if="value<30" color="#ee0a24" :percentage="value" :stroke-width="strokeWidth" />-->
  </div>
</template>
<script>
export default {
  name: 'CustomProgress',
  props: {
    value: {
      type: Number,
      default: 0
    }
  },
  data() {
    return {
      strokeWidth: 20
    }
  }
}
</script>

<style scoped>

</style>
